<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.io.*, java.sql.*, java.util.*,LS.*"%>
<!DOCTYPE html>
<html lang="UTF-8">
<style>
th,td {
	padding-bottom: 5px;
	padding-top: 5px;
}

h4,h1 {
	margin: 0px;
	padding: 0px;
}

th {
	height: 30px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

tr {
	border-bottom: 1px solid #e5e5e5;
}

table {
	width: 90%;
}

#outerview {
	padding-top: 10px;
	margin-left: 0px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#outerview {
	width: 100%;
	min-height: 600px;
	padding: 0px;
}

#middleview {
	width: 90%;
	height: 450px;
	margin: 0px auto 0px auto;
	left: 50%;
}

#innerview {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#plusview {
	margin: 10px;
	margin-bottom: 0px;
}

.tableview {
	width: 100%;
	max-height: 100%;
	left: 50%;
}

.lending,.reservation {
	width: 12%
}
</style>

<head>
<meta charset="utf-8">
<title>성공회대학교 기자재 대여 시스템</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.dropdown-toggle').dropdown();
		});
	</script>
</head>

<body data-spy="scroll" data-target=".bs-docs-sidebar">
	<!-- 메뉴-->
	<%
		if (session.getAttribute("user") == null) {
	%>
	<jsp:include page="/top.do">
		<%
			} else {
				Users u = (Users) session.getAttribute("user");
				if (u.getUser_position().equalsIgnoreCase("S")) {
		%>
		<!-- 학생이 로그인 했을 경우 메뉴 -->
		<jsp:include page="/studenttop.do"></jsp:include>
		<%
			} else if (u.getUser_position().equalsIgnoreCase("P")) {
		%>
		<!-- 교수가 로그인 했을 경우 메뉴 -->
		<jsp:include page="/teachertop.do"></jsp:include>
		<%
			} else {
		%>
		<!-- 관리자가 로그인 했을 경우 메뉴 -->
		<jsp:include page="/managertop.do"></jsp:include>
		<%
			}
			}
		%>
		<!-- 게시판
    ================================================== -->

		<div style="text-align: center">
			<div class="marketing"
				style="margin-bottom: 30px; color: #000; text-align: left">
				<div class="container">
					<h3 style="margin: 10px; font-size: 35px;">
						<strong>연구용 기자재 대여</strong>
					</h3>
				</div>
			</div>
		</div>
		<div class="container">
			<div id="outerview">
				<div id="middleview">
					<div id="plusview">
						<div class="control-gruop">
							<form class="form-inline" style="text-align: left;">
								<div class="controls">
									<h4 style="font-size: 13px">
										<input type="checkbox" class="checkbox">&nbsp;우리 과
										기자재만 검색&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="checkbox"
											class="checkbox">&nbsp;대여 가능한 기자재만 검색
									</h4>

									<select id="select01" style="width: 100px;">
										<option>전체</option>
										<option>물품명</option>
										<option>모델명</option>
									</select> <input type="text" class="input-middle" size=20>
									<button type="submit" class="btn">검색</button>

									<button type="button" class="btn"
										style="float: right; margin-bottom: 5px">우리 과 대여가능
										연구용 기자재 보기</button>
								</div>
							</form>
						</div>
					</div>
					<div id="innerview">
						<table class="tableview">
							<tr>
								<th>물품명</th>
								<th>모델명</th>
								<th>일련번호</th>
								<th class="lending">대여상태</th>
								<th class="reservation">예약상태</th>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>



		<!-- 꼬리말
    ================================================== -->
		<footer class="footer">
			<div class="container">
				<p>Copyright SKHU. Software Student.</p>
			</div>
		</footer>


		<!-- javascript -->
		<script src="assets/js/jquery.js"></script>
		<script type="text/javascript" src="assets/js/bootstrap.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.dropdown-toggle').dropdown();
			});
		</script></body>
</html>
